<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>访问标签体</title>
    <script type="text/javascript" src="../js/jquery-3.4.1.min.js"></script>
    <script>
        $(function(){
            $("div").click(function(){
                // 获取标签体内容
                // html():识别标签,可以读取出标签体中的所有子标签与文本内容
                console.log($(this).html());
                // text():不识别标签,只能读取出文本内容
                console.log($(this).text());

                // 赋值
                // html(值):设置标签体内容,如果值中包含标签,则体现标签效果
                $(this).html("<h2>这是修改后的内容</h2>")
                // text(值):设置标签体内容,如果值中包含标签,标签作为普通字符串展示
                $(this).text("<h2>这是使用text方法进行赋值的</h2>");
            });
        })
    </script>
</head>
<body>
<div>
    <h2>这是div中的标题</h2>
</div>
</body>
</html>